<template>
	<transition name="fade" mode="out-in">
	  	<router-view></router-view>
	</transition>
</template>
<script>
export default {
	data() {
	    return {

	    };
	},

	methods: {

	}
}

</script>
<style>
html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-size: cover;
  font-family: Microsoft YaHei, SimSun, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

#app {
  width: 100%;
}
header {
    height: 60px;
    line-height: 60px;
    background-color: #0bb745;
    color: #fff;
}
.row{
	width: 1000px;
	margin: 0 auto;
}
.tac{
	text-align: center;
}
.tal{
	text-align: left;
}
.tar{
	text-align: right;
}

.small-item {
  width: 300px;
}

.normal-item {
  width: 400px;
}

.large-item {
  width: 500px;
}

.btn-row{
	padding: 30px 0 90px;
}
.is-checked .el-radio__inner {
    border-color: #0bb745!important;
    background: #0bb745!important;
}
.el-upload {
	width: 100%;
	height: 100%;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
 }
body .el-button--primary {
    background-color: #0bb745;
    border-color: #0bb745;
}
img.thumb[lazy=error] {
  background: url(assets/images/default.jpg) no-repeat center center;
  background-size: cover;
}

img.thumb[lazy=loading] {
  background: url(assets/images/loading.svg) no-repeat center center #eaeaea;
  background-size: cover;
}
.required .el-form-item__label:before {
  content: '*';
  color: #ff4949;
  margin-right: 4px;
}
</style>
